/* AETHERION KOREA DESIGN SYSTEM · 2026.10
 * Original UI, inspired by navigational clarity of Korean technology corporate websites.
 * All ae- selectors are scoped so research shaders / controls remain untouched.
 */
:root{--ae-ink:#111b27;--ae-deep:#0b1520;--ae-deep-2:#101e2a;--ae-blue:#b2ccdd;--ae-white:#fffefa;--ae-paper:#f6f5f1;--ae-accent:#ec6746;--ae-accent-bright:#ff8660;--ae-muted:#6d7780;--ae-border:#dfe4e4;--ae-soft:#ebf0ef;--ae-radius:18px}
html{scroll-padding-top:86px}
body{overflow-x:hidden}
.ae-skip{position:fixed;top:-100px;left:12px;background:var(--ae-accent);color:#fff!important;z-index:999;padding:11px 16px;border-radius:7px;font-weight:800;text-decoration:none!important}
.ae-skip:focus{top:12px}
.ae-header,.ae-header *,.ae-footer,.ae-footer *{box-sizing:border-box}
.ae-header{z-index:99!important;position:sticky;top:0;width:100%;background:rgba(11,21,32,.97)!important;color:#f5f7f6!important;border-bottom:1px solid rgba(255,255,255,.12)!important;font:13px/1.45 -apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.ae-header__wrap{max-width:1280px;margin:auto;padding:0 30px;min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.ae-header__brand{display:inline-flex;align-items:center;gap:10px;color:#fff!important;text-decoration:none!important;flex-shrink:0;white-space:nowrap;min-width:0}
.ae-symbol{width:34px;height:36px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#f28c66,#cb5137);font-size:19px;font-weight:950;letter-spacing:-.1em;color:#fff;box-shadow:0 6px 19px #ec674638;clip-path:polygon(50% 0,100% 75%,88% 100%,12% 100%,0 75%)}
.ae-wordmark{font-size:20px;font-weight:900;letter-spacing:-.075em}
.ae-header__descriptor{border-left:1px solid #56616c;padding-left:12px;margin-left:4px;font-size:10px;letter-spacing:.12em;color:#afbdc7;font-weight:800}
.ae-header__links{display:flex;align-items:center;gap:3px;flex:1;justify-content:center;min-width:0}
.ae-header__links a,.ae-drawer a{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;color:#aebdca!important;font-size:12px;text-decoration:none!important;padding:11px 13px;border-radius:8px;font-weight:710;transition:color .2s,background .2s}
.ae-header__links a:hover,.ae-header__links a[aria-current=page]{color:white!important;background:rgba(255,255,255,.09)}
.ae-header__links a[aria-current=page]:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--ae-accent)}
.ae-header__action{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--ae-accent)!important;border:1px solid #f38869!important;border-radius:10px!important;padding:12px 16px!important;color:white!important;text-decoration:none!important;font-size:12px!important;font-weight:850!important;white-space:nowrap;min-height:43px}
.ae-header__action:hover{background:#cf5030!important}
.ae-header__action:disabled{opacity:.6}
.ae-header__right{display:flex;align-items:center;gap:8px}
.ae-header__region{color:#b0bec8;border:1px solid #475565;padding:8px 9px;border-radius:7px;font-size:9px;font-weight:800;letter-spacing:.1em}
.ae-menu{display:none;position:relative}
.ae-menu summary{cursor:pointer;user-select:none;list-style:none;border:1px solid #53606b;border-radius:9px;padding:11px 13px;font-size:12px;font-weight:800}
.ae-menu summary::-webkit-details-marker{display:none}
.ae-drawer{position:absolute;right:0;top:calc(100% + 13px);background:#10202d;border:1px solid #364c59;border-radius:13px;padding:10px;display:flex;flex-direction:column;min-width:230px;box-shadow:0 24px 70px #0006}
.ae-drawer a{padding:13px!important}
.ae-header a:focus-visible,.ae-header button:focus-visible,.ae-header summary:focus-visible,.ae-footer a:focus-visible{outline:2px solid #ffd9c7;outline-offset:3px}
.ae-footer{background:var(--ae-deep)!important;color:#aebdca!important;padding:52px 0 37px!important;border-top:1px solid #31404c;font:12px/1.75 -apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif!important}
.ae-footer__wrap{max-width:1280px;margin:0 auto;padding:0 30px}
.ae-footer__top{display:flex;justify-content:space-between;gap:30px;align-items:start;flex-wrap:wrap}
.ae-footer__brand{font-size:22px;color:#fff!important;font-weight:900;letter-spacing:-.08em}
.ae-footer__promise{color:#d3dfe0;font-size:12px;line-height:1.85;margin:12px 0 0}
.ae-footer__nav{display:flex;flex-wrap:wrap;max-width:580px;gap:8px 20px}
.ae-footer a{color:#b9c7cb!important;text-decoration:none!important}
.ae-footer a:hover{text-decoration:underline!important;color:#fff!important}
.ae-footer__bottom{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;border-top:1px solid #34414b;margin-top:38px;padding-top:22px;color:#8d9ca5;font-size:11px}
.ae-footer__bottom p{margin:0;max-width:820px}
.ae-home{background:var(--ae-paper);color:var(--ae-ink);font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif}
.ae-home main{display:block}
.ae-container{width:min(1220px,calc(100% - 60px));margin:0 auto}
.ae-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.ae-eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ae-accent);box-shadow:0 0 0 4px #ec674628}
.ae-hero{background:var(--ae-deep);color:#f9fcfc;position:relative;overflow:hidden;min-height:620px}
.ae-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 77% 50%,#244a5d 0,transparent 42%),radial-gradient(circle at 13% 6%,#30425155 0,transparent 44%);opacity:.75}
.ae-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 49.8%,#d9e8e60c 50%),linear-gradient(transparent 49.8%,#d9e8e60c 50%);background-size:72px 72px;mask-image:linear-gradient(90deg,transparent 22%,#000)}
.ae-hero__inner{position:relative;z-index:1;min-height:620px;display:grid;grid-template-columns:minmax(0,1.13fr) minmax(350px,.87fr);align-items:center;gap:40px;padding:80px 0 72px}
.ae-hero h1{font-size:clamp(48px,6.3vw,87px);letter-spacing:-.087em;line-height:1.14;margin:23px 0 22px;word-break:keep-all;font-weight:850}
.ae-hero h1 span{color:var(--ae-accent-bright)}
.ae-hero__lead{font-size:16px;line-height:1.93;color:#becdd6;max-width:660px;word-break:keep-all}
.ae-hero__actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:32px}
.ae-button{display:inline-flex;justify-content:center;align-items:center;gap:8px;border-radius:11px;min-height:52px;padding:14px 20px;font-size:13px;font-weight:850;text-decoration:none!important;transition:transform .2s,background .2s}
.ae-button:hover{transform:translateY(-2px)}
.ae-button--primary{color:#fff!important;background:var(--ae-accent);border:1px solid var(--ae-accent)}
.ae-button--primary:hover{background:#d75535}
.ae-button--light{border:1px solid #657887;color:#f0f5f8!important}
.ae-button--light:hover{background:#1f3342}
.ae-hero__caption{margin-top:29px;font-size:11px;color:#a9bac7;line-height:1.7}
.ae-hero__art{position:relative;min-height:410px;display:grid;place-items:center}
.ae-rings{position:relative;width:min(440px,100%);aspect-ratio:1;border-radius:50%;border:1px solid #66839b66;box-shadow:0 0 0 38px #66839b08,0 0 0 82px #66839b06;display:grid;place-items:center}
.ae-rings:before,.ae-rings:after{content:'';position:absolute;inset:14%;border:1px solid #d5e2e642;border-radius:50%;transform:rotate(-22deg) scaleY(.61)}
.ae-rings:after{transform:rotate(48deg) scaleY(.57)}
.ae-orb{width:62%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 34% 27%,#a6c5c5,#30566b 36%,#1a2b3b 66%,#0b1420 84%);box-shadow:inset -24px -19px 40px #06111dbb,0 0 95px #75a6b733;position:relative;display:grid;place-items:center}
.ae-orb:after{content:"A";font-size:100px;font-weight:900;color:#e9f4edc7;letter-spacing:-.13em;transform:translateX(-5px);text-shadow:0 5px 28px #0004}
.ae-float-label{position:absolute;left:0;bottom:28px;background:#eff6f4f0;color:#1d3646;padding:14px 17px;border:1px solid #fff7;border-radius:13px;box-shadow:0 14px 45px #0003;font-size:11px;line-height:1.6}
.ae-float-label strong{display:block;font-size:12px;letter-spacing:.02em}
.ae-storyrail{background:#dce8e8;border-bottom:1px solid #d2dfdf}
.ae-storyrail__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:19px 0;flex-wrap:wrap}
.ae-storyrail span{font-size:11px;font-weight:850;color:#365060;letter-spacing:.08em}
.ae-storyrail strong{font-size:12px;color:#183647}
.ae-section{padding:100px 0}
.ae-section--soft{background:#eff3f1}
.ae-section--ink{background:var(--ae-deep);color:white}
.ae-section__header{display:flex;justify-content:space-between;gap:26px;align-items:end;margin-bottom:32px}
.ae-section__header h2{font-size:clamp(34px,4.3vw,58px);letter-spacing:-.075em;line-height:1.2;margin:14px 0 0;word-break:keep-all}
.ae-section__header p{max-width:420px;font-size:13px;line-height:1.9;color:#66747c;margin:0;word-break:keep-all}
.ae-section--ink .ae-section__header p{color:#aabcc6}
.ae-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.ae-card{background:#fff;border:1px solid #e1e5e2;border-radius:17px;padding:29px;min-width:0;display:flex;flex-direction:column;min-height:280px;text-decoration:none!important;color:#152332!important;transition:border .2s,transform .2s,box-shadow .2s;position:relative;overflow:hidden}
.ae-card:hover{transform:translateY(-4px);border-color:#aebdbf;box-shadow:0 25px 50px #112a3615}
.ae-card__top{display:flex;justify-content:space-between;gap:14px;align-items:center}
.ae-card__number{font-size:10px;letter-spacing:.13em;color:#81929b;font-weight:900}
.ae-card__icon{width:46px;height:46px;border-radius:13px;background:#eff4f2;display:grid;place-items:center;color:#1a4054;font-size:22px}
.ae-card h3{font-size:24px;letter-spacing:-.055em;line-height:1.2;margin:36px 0 12px}
.ae-card p{color:#657680;font-size:13px;line-height:1.8;margin:0 0 25px;flex:1;word-break:keep-all}
.ae-card__meta{border-top:1px solid #e5e9e8;padding-top:16px;display:flex;justify-content:space-between;gap:10px;align-items:center;color:#345064;font-size:11px;font-weight:800}
.ae-card__state{color:#777f81;font-weight:720}
.ae-card--featured{background:#183447;color:#f0f6f6!important;border-color:#183447}
.ae-card--featured p{color:#bfced2}
.ae-card--featured .ae-card__number{color:#aac6cb}
.ae-card--featured .ae-card__icon{background:#284a5a;color:#d9e9e8}
.ae-card--featured .ae-card__meta{color:#f5ded0;border-color:#ffffff36}
.ae-card--featured .ae-card__state{color:#b9ced0}
.ae-manifesto{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.ae-quote{font-size:clamp(32px,4.6vw,64px);line-height:1.3;letter-spacing:-.078em;margin:0;font-weight:820}
.ae-quote em{font-style:normal;color:#ef9370}
.ae-values{display:grid;gap:0}
.ae-value{padding:25px 0;border-top:1px solid #ffffff30;display:grid;grid-template-columns:56px 1fr;gap:12px}
.ae-value small{color:#f19b81;font-weight:900}
.ae-value strong{display:block;font-size:18px;margin-bottom:7px}
.ae-value p{color:#b0bdc5;font-size:12px;line-height:1.85;margin:0}
.ae-labgrid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}
.ae-labcard{padding:33px;background:white;border:1px solid var(--ae-border);border-radius:17px;min-width:0}
.ae-labcard h3{font-size:25px;letter-spacing:-.05em;margin:18px 0 12px}
.ae-labcard p{color:#64757b;font-size:13px;line-height:1.9}
.ae-labcard__links{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}
.ae-chip{display:inline-flex;align-items:center;gap:4px;padding:10px 13px;border-radius:8px;background:#eef3f1;color:#284658!important;font-size:11px;font-weight:800;text-decoration:none!important}
.ae-chip:hover{background:#dcebe7}
.ae-labcard__diagram{margin:25px 0 12px;display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.ae-node{padding:13px 17px;border-radius:10px;background:#153242;color:white;font-size:11px;font-weight:800}
.ae-arrow{font-size:19px;color:#7b9a9d}
.ae-operating{display:grid;grid-template-columns:1fr 1fr;gap:19px}
.ae-operating__tile{border:1px solid #dde3e0;background:#fff;padding:28px;border-radius:16px}
.ae-operating__tile b{display:block;font-size:20px;letter-spacing:-.05em;margin:11px 0}
.ae-operating__tile p{font-size:12px;line-height:1.9;color:#66767c;margin:0}
.ae-final{background:linear-gradient(115deg,#1e3a50,#111f2e);color:white;padding:75px 0}
.ae-final__inner{display:flex;gap:30px;align-items:center;justify-content:space-between}
.ae-final h2{font-size:clamp(34px,5vw,61px);letter-spacing:-.075em;line-height:1.2;margin:13px 0}
.ae-final p{font-size:13px;color:#b3c9d3;line-height:1.9}
.ae-footer__legal{font-size:10px;color:#95aab1}
@media(max-width:1100px){
 .ae-header__links{gap:0}.ae-header__links a{padding:10px}
 .ae-hero__inner{gap:16px}.ae-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ae-card:last-child:nth-child(odd){grid-column:1/-1}
}
@media(max-width:870px){
 .ae-header__links{display:none}.ae-menu{display:block}
 .ae-header__region{display:none}
 .ae-hero__inner{grid-template-columns:1fr;min-height:auto;padding:75px 0 30px}
 .ae-hero__art{min-height:300px}.ae-rings{width:270px}
 .ae-manifesto{grid-template-columns:1fr;gap:35px}
 .ae-labgrid{grid-template-columns:1fr}
 .ae-section__header{align-items:start;flex-direction:column}
}
@media(max-width:620px){
 html{scroll-padding-top:65px}
 .ae-header__wrap{min-height:64px;padding:0 15px}
 .ae-symbol{width:30px;height:31px}
 .ae-wordmark{font-size:16px}
 .ae-header__descriptor{font-size:9px;padding-left:8px}
 .ae-header__action{min-height:39px!important;padding:9px 10px!important;font-size:10px!important}
 .ae-container{width:calc(100% - 34px)}
 .ae-hero__inner{padding:58px 0 34px}
 .ae-hero h1{font-size:clamp(43px,11vw,65px);letter-spacing:-.085em}
 .ae-hero__lead{font-size:13px}
 .ae-hero__art{min-height:225px}.ae-rings{width:215px}.ae-orb:after{font-size:70px}
 .ae-float-label{left:6px;bottom:0;font-size:10px}
 .ae-storyrail__inner{gap:11px;padding:13px 0}
 .ae-storyrail span{font-size:9px}
 .ae-section{padding:64px 0}
 .ae-grid{grid-template-columns:1fr}
 .ae-card:last-child:nth-child(odd){grid-column:auto}
 .ae-card{min-height:235px;padding:23px}
 .ae-card h3{margin:23px 0 11px}
 .ae-section__header h2{font-size:36px}
 .ae-labcard,.ae-operating__tile{padding:23px}
 .ae-operating{grid-template-columns:1fr}
 .ae-final__inner{align-items:start;flex-direction:column}
 .ae-final{padding:55px 0}
 .ae-footer__wrap{padding:0 18px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
}